<template>
  <a-card id="printMe" title="404状态页">
    <a-row class="not-found">
      <a-col span="12">
        <img class="err-img" :src="errImg" alt="404">
      </a-col>
      <a-col span="12" class="right">
        <h1>404</h1>
        <h2>抱歉，你访问的页面不存在</h2>
        <div>
          <a-button type="primary" style="display:none">
            回到首页
          </a-button>
        </div>
      </a-col>
    </a-row>
  </a-card>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import errImg from '/@/assets/images/404.png'

export default defineComponent({
  setup() {
    return {
      errImg
    }
  }
})
</script>

<style lang="scss">
.not-found{
  .err-img{
    width:100%;
  }
  .right {
    padding-left: 50px;
    padding-top: 150px;
    h1 {
      font-size: 35px;
    }
    h2 {
      font-size: 20px;
    }
  }
}
</style>
